html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
}


.header {
    height: 60px;
    background-color: #232323;
    width: 1210px;
    margin: 0 auto;
    font-size: 0;
    position: sticky;
    top: 0px;
}

.header img {
    vertical-align: top;
    padding-left: 80px;
    padding-right: 60px;

}

.header div {
    font-size: 0;
    /* padding-top: 20px; */
    display: inline-block;
}

.header .nav ul li {
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
    color: white;
}


.header .nav .one {
    border-right: 1px solid #444444;
    width: 85px;
    height: 20px;
}

.header .nav .two {
    border-right: 1px solid #444444;
    border-left: 1px solid #000;
    width: 85px;
    height: 20px;
}



.header .part .left {
    border-left: 1px solid #000;
    background-color: #f15a23;
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    color: white;
    width: 85px;
    height: 60px;
}

.header .part .right {
    width: 85px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: white;
    text-align: center;
}

.banner {
    width: 1210px;
    height: 268px;
    margin: 0 auto;
}

.banner img {
    vertical-align: bottom;
}

.content {
    width: 1210px;
    height: 1480px;
    margin: 0 auto;
}

.content .part1 {
    width: 1110px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 15px;
    color: #666666;
    padding-left: 100px;
}


.content .part2{
    width: 1010px;
    margin: 0 auto;
}

.content .part2 .left{
    width: 230px;
    height: 1390px;
    float: left;
    background-color: #f7f7f7;
}

.content .part2 .left .in{
    width: 220px;
    height: 1390px;
    background-color: #ededed;
    display: inline-block;
}

.content .part2 .in .t1{
    width: 219px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #d7d2d8;
}

.content .part2 .in .t2{
    width: 215px;
    height: 54px;
    
    background-color: #ff9a58;
}

.content .part2 .in .in{
    width: 219px;
    height: 54px;
    text-align: center;
    line-height: 54px;
    font-size: 16px;
    background-color: #f15a23;
    color: white;
    display: inline-block;
}

.content .part2 .left .t3{
    width: 219px;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    text-align: center;
    border-bottom:1px solid #d7d2d8;
}

.content .part2 .left .t2{
    width: 230px;
    height: 54px;
    background-color: #ff9a58;
    display: inline-block;
    border-top: 1px solid white;
    padding-top: -11px;
}

.content .part2 .right{
    width: 740px;
    height: 1223px;
    float: right;
}

.content .part2 .right_part1{
    width: 740px;
    height: 70px;
    border-bottom: 1px dashed #cbcbcb;
}

.content .right_part1 .title{
    width: 115px;
    height: 70px;
    display: inline-block;
    line-height: 70px;
    font-size: 20px;
    border-bottom: 2px solid #f15a23;
}

.content .part2 .right_part2{
    width: 740px;
    height: 120px;
    margin: 0 auto;
    font-size: 0;
}

.content .part2 .right_part2 div{
    display: inline-block;
    width: 126px;
    height: 120px;
    padding-top: 22px;
    
}

.content .part2 .right_part2 img{
    border: 1px solid #e2e2e2;
}

.content .part2 .right_part2 p{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
}

.content .part2 .right_part2 .news2,.news4{
    padding-left: 25px;
    padding-right: 25px;
}

.content .part2 .right_part3{
    padding-top: 60px;
}

.content .part2 .right_part3 .line{
    width: 720px;
    height: 40px;
    border-bottom: 1px dashed #cbcbcb;
}

.content .part2 .right_part3 .right_part3_left{
    width: 480px;
    height: 451px;
    float: left;
    margin-top: -449px;
}

.content .part2 .right_part3_left>p{
    font-size: 16px;
    height: 41px;
    line-height: 41px;
    color: #f45a24;
}

.content .part2 .right_part3_right{
    width: 100px;
    height: 451px;
    float: right;
    margin-top: -449px;
}

.content .part2 .right_part3_right>p{
    font-size: 13px;
    height: 41px;
    line-height: 41px;
}

.content .part2 .right_part4 img{
    vertical-align: top;
    border-top: 1px solid #cbcbcb;
    margin-top: 40px;
    width: 740px;
    height: 500px;
}

.content .part3{
    width: 850px;
    float: right;
    font-size: 0;
}

.content .part3 img{
    vertical-align: middle;
    padding-top: 5px;
}

.content .part3 .box_top>div{
    display: inline-block;
    width: 171px;
    height: 62px;
    border: 1px solid #d3d3d3;
}

.content .part3 .box_bottom>div{
    display: inline-block;
    width: 171px;
    height: 62px;
    border: 1px solid #d3d3d3;
}

.content .part3 .box{
    margin: 10px;
}

.bottom {
    height: 215px;
    width: 1210px;
    margin: 0 auto;
    background-color: #222222;
}

.bottom .container {
    width: 1210px;
    height: 215px;
    margin: 0 auto;
}

.bottom .container>div {
    display: inline-block;
    font-size: 14px;
    color: #999999;
    vertical-align: top;
}

.bottom .container .left {
    width: 500px;
    height: 215px;
    padding-left: 90px;
}

.bottom .left p {
    padding: 0 10px;
    line-height: 24px;
}

.bottom .left .title {
    font-weight: bold;
    color: white;
    margin-top: 50px;
    margin-bottom: 25px;
}

.bottom .left div {
    display: inline-block;
    vertical-align: top;
}

.bottom .container .center {
    width: 310px;
    height: 215px;
}

.bottom .container .right {
    width: 190px;
    height: 215px;
    padding-left: 40px;
}

.bottom .center img {
    padding-left: 15px;
}



.bottom .right p {
    text-align: center;
    color: #464646;
    font-size: 12px;
}

.foot {
    height: 45px;
    width: 1210px;
    background-color: #101010;
    color: #999999;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    margin: 0 auto;
}

a{
    text-decoration: none;
    color: white;
}

a:hover{
    color: #f15a23;
}